<template>
  <Card>
    <span slot="title">
      <div class="header">
        <div class="header_left">公告详情</div>
      </div>
    </span>
    <div slot="content">
      <div class="details">
        <h1 class="main_title">{{ pagedata.title }}</h1>
        <h2 class="summary">{{ pagedata.summary }}</h2>
        <p class="main_content" v-html="pagedata.contents"></p>
        <div class="creator">我是发布人</div>
        <div class="create_time">我是发布日期</div>
      </div>
    </div>
  </Card>
</template>

<script>
import Card from "@/components/Card";
import WeButton from "@/components/WeButton";
import local from "@/utils/local";
import {
  viewDetails, //查看详情
} from "@/api/titleDeclaration";

// import { addAnnouncement } from "@/api/titleDeclaration";
export default {
  components: {
    Card,
    WeButton,
  },
  data() {
    return {
      pagedata: {},
    };
  },
  methods: {},
  created() {
    this.pagedata = local.get("ggdetails");
    console.log(this.pagedata);
  },
};
</script>

<style lang="less" scoped>
.details {
  min-height: 560px;
  .main_title {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
  }
  .summary {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
  }
  .main_content {
    font-weight: 700;
    margin-top: 20px;
  }
  .creator,
  .create_time {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    font-weight: 700;
    font-size: 20px;
  }
}
</style>